以inside 網路趨勢網站導覽列為例：

＃還有搜尋框元件：

將網頁拆分成一個個最小元件(原子Atoms)

＃最小元件(原子Atoms)：label | input|search btn

＃最小元件組成一個小功能元件，如：搜尋框

＃組成導覽列元件：logo元件＋搜尋框＋a：link

＃組成模板：

＃組成頁面：